{% extends "base.html" %}
{% block color %}{{ color }}{% endblock %}
{% block script %}
$('img').fadeIn(1700);
$(document).keypress(function(event) {
  {% for i, u in bigimage_urls %}
  if (event.which == '{{ i }}') {
    location.href = "{{ u }}";
  }
  {% endfor %}
});
$('div.pager').wrap('<center><h4></h4></center>');
{% endblock %}
{% block title %}{{ name }}{% endblock %}

{% block content %}
<center><h1>{{ name }}</h1></center>
<center>
  <table id="photos" border="0">
  {% for row in pics %}
    <tr>
    {% for image in row %}
      <td>
        <a href="/tag/{{ tag_id }}/{{ page_id }}/{{ image }}">
          <img src='/image/{{image}}/2'>
        </a>
      </td>
    {% endfor %}
    </tr>
  {% endfor %}
  </table>
</center>
<div class="pager">
  {% for page, alt, url in pages %}
  <a class="pager" alt="{{ alt }}" href="{{ url }}">{{ page }}</a>
  {% endfor %}
</div>
{% endblock %}
